.reg {
    background-image: url(../../assets/imgs/sign-bg.jpg);
    background-size: cover;
    background-position: top center;


    .pws-login {
        width: 100%;
        text-align: right;
        margin-top: 25px;
        margin-bottom: 30px;
    }

    .tel-reg {
        text-align: left;
        font-size: 28px;
    }

    .find-friend {
        color: rgba(255, 255, 255, 0.8);
        text-align: left;
        font-weight: bold;

    }

    .item {
        line-height: 50px;
    }

    input {
        width: 100%;
        height: 50px;
        border-radius: 25px;
        background-color: rgba(255, 255, 255, 0.5);
        text-indent: 15px;
        color: black;
        font-size: 20px;
    }

    input::placeholder {
        font-size: 20px;
        text-indent: 15px;
        color: rgba(10, 10, 10, 0.5);
        font-weight: bold;
    }

    .code-item {
        width: 100%;
        height: 50px;

        .code-input {
            flex: 1;
            margin-right: 10px;
        }
    }

    .reg-btn {
        width: 100%;
        height: 50px;
        border-radius: 25px;
        background-color: rgba(99, 255, 167, 0.7);

    }

    .err-text {
        height: 15px;
        margin-top: 10px;
        color: red;
    }

    .hold {
        position: absolute;
        width: 100%;
        bottom: 30px;
        right: 50%;
        transform: translate(50%, -50%);
    }
}